<template>
<div>
  <el-card style=";width: 1105px;margin: 100px auto ;
                background-color: white">
    <p>订单编号：</p>
    <el-table
        :data="tableData"
        style="width: 1080px;">
      <el-table-column
          prop="id"
          label="订单编号"
          width="75">
      </el-table-column>
      <el-table-column
          prop="bookName"
          label="内容"
          width="200">
      </el-table-column>
      <el-table-column
          prop="money"
          label="订单价格"
          width="90">
      </el-table-column>
      <el-table-column
          prop="receiverName"
          label="收货人"
          width="120">
      </el-table-column>
      <el-table-column
          prop="receiverAddress"
          label="收货人地址"
          width="230">
      </el-table-column>
      <el-table-column
          prop="receiverPhone"
          label="收货人电话"
          width="130">
      </el-table-column>
      <el-table-column
          prop="payState"
          label="订单状态"
          width="100">
      </el-table-column>
      <el-table-column
          prop="orderTime"
          label="下单时间"
          width="120">
      </el-table-column>
    </el-table>
    <el-button style="position: relative " type="success" plain id="pay">去支付</el-button>
  </el-card>
</div>
</template>

<script>
export default {
  name: "orderDetail",
  data(){
    return {
      activeIndex: '1',
      tableData: [{
        id:'1',
        bookName:'我与蠢货的区别',
        money:111,
        receiverName:'南街旧巷',
        receiverAddress:'滨江公园',
        receiverPhone:'17387473827',
        payState:'未支付',
        orderTime: '2022-05-03'
      }]
    }
  },
  methods:{
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  }
}
</script>

<style scoped>

</style>